<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>美丽乡村</title>
</head>
<body>
    <div id="header">
        <span>美丽乡村</span>
        <a href="#" class="write_note">
            <i></i>
        </a>
    </div>
    <!-- 美丽乡村 -->
    <div id="beautiful_country">
        <div id="item_name">
            <img src="images/index_icon07.png">
            <span>美丽乡村</span>
        </div>
        <ul class="am-avg-sm-2">
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_01.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_02.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_02.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_02.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_02.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
            <li class="beautiful_list">
                <a href="#">
                    <div class="pic"> 
                        <img src="images/beautiful_02.jpg" />
                    </div>
                    <div class="name">
                        <img src="images/head.jpg" class="head">
                        <span>181***5241</span>
                        <div class="num">
                            <i class="am-icon-eye"></i>
                            <span>2</span>
                            <i class="am-icon-comments"></i>
                            <span>0</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <label>偶遇洛阳</label>
                    <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>
                </a>
            </li>
        </ul>
        <div id="more">
            <a href="#">
                <span>更多景点</span>
                <i class="am-icon-angle-right"></i>
            </a>
        </div>
    </div>
    <!-- 底部footer -->
    <div id="footer">
        <div class="first">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="index.html">
                        <img src="images/icon-footer1-a.png" />
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="trip_list.html">
                        <img src="images/icon-footer2-a.png" />
                        <p>孟经旅游</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="beautiful">
            <a href="beautiful_list.html">
                <img src="images/icon-footer3-a.png" />
            </a>
        </div>
        <div class="last">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="shop.html">
                        <img src="images/icon-footer4-a.png" />
                        <p>特产商城</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon-footer5-a.png" />
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>